1
2
3 .jcarousel-skin-tango .jcarousel-direction-rtl {
4 direction: rtl;
5 }
6
7 .jcarousel-skin-tango .jcarousel-container-horizontal {
8
9 padding: 20px 40px;
10 }
11
12 .jcarousel-skin-tango .jcarousel-container-vertical {
13 width: 75px;
14 height: 245px;
15 padding: 40px 20px;
16 }
17
18 .jcarousel-skin-tango .jcarousel-clip {
19 overflow: hidden;
20 }
21
22 .jcarousel-skin-tango .jcarousel-clip-horizontal {
24 height: 75px;
25 }
26
27 .jcarousel-skin-tango .jcarousel-clip-vertical {
28 width: 75px;
29 height: 245px;
30 }
31
32 .jcarousel-skin-tango .jcarousel-item {
33 width: 75px;
34 height: 75px;
35 }
36
37 .jcarousel-skin-tango .jcarousel-item-horizontal {
38 margin-left: 0;
39 margin-right: 10px;
40 }
41
42 .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
43 margin-left: 10px;
44 margin-right: 0;
45 }
46
47 .jcarousel-skin-tango .jcarousel-item-vertical {
48 margin-bottom: 10px;
49 }
50
51 .jcarousel-skin-tango .jcarousel-item-placeholder {
52 background: #fff;
53 color: #000;
54 }
55
56 /**
57 * Horizontal Buttons
58 */
59 .jcarousel-skin-tango .jcarousel-next-horizontal {
60 position: absolute;
61 top: 43px;
62 right: 5px;
63 width: 32px;
64 height: 32px;
65 cursor: pointer;
66 background: transparent url("../images/next-horizontal.png") no-repeat 0 0;
67 }
68
69 .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
70 left: 5px;
71 right: auto;
72 background-image: url("../images/prev-horizontal.png");
73 }
74
75 .jcarousel-skin-tango .jcarousel-next-horizontal:hover,
76 .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
77 background-position: -32px 0;
78 }
79
80 .jcarousel-skin-tango .jcarousel-next-horizontal:active {
81 background-position: -64px 0;
82 }
83
84 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
85 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
86 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
87 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
88 cursor: default;
89 background-position: -96px 0;
90 }
91
92 .jcarousel-skin-tango .jcarousel-prev-horizontal {
93 position: absolute;
94 top: 43px;
95 left: 5px;
96 width: 32px;
97 height: 32px;
98 cursor: pointer;
99 background: transparent url("../images/prev-horizontal.png") no-repeat 0 0;
100 }
101
102 .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
103 left: auto;
104 right: 5px;
105 background-image: url("../images/next-horizontal.png");
106 }
107
108 .jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
109 .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
110 background-position: -32px 0;
111 }
112
113 .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
114 background-position: -64px 0;
115 }
116
117 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
118 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
119 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
120 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
121 cursor: default;
122 background-position: -96px 0;
123 }
124
125 /**
126 * Vertical Buttons
127 */
128 .jcarousel-skin-tango .jcarousel-next-vertical {
129 position: absolute;
130 bottom: 5px;
131 left: 43px;
132 width: 32px;
133 height: 32px;
134 cursor: pointer;
135 background: transparent url(next-vertical.png) no-repeat 0 0;
136 }
137
138 .jcarousel-skin-tango .jcarousel-next-vertical:hover,
139 .jcarousel-skin-tango .jcarousel-next-vertical:focus {
140 background-position: 0 -32px;
141 }
142
143 .jcarousel-skin-tango .jcarousel-next-vertical:active {
144 background-position: 0 -64px;
145 }
146
147 .jcarousel-skin-tango .jcarousel-next-disabled-vertical,
148 .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
149 .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
150 .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
151 cursor: default;
152 background-position: 0 -96px;
153 }
154
155 .jcarousel-skin-tango .jcarousel-prev-vertical {
156 position: absolute;
157 top: 5px;
158 left: 43px;
159 width: 32px;
160 height: 32px;
161 cursor: pointer;
162 background: transparent url("../images/prev-vertical.png") no-repeat 0 0;
163 }
164
165 .jcarousel-skin-tango .jcarousel-prev-vertical:hover,
166 .jcarousel-skin-tango .jcarousel-prev-vertical:focus {
167 background-position: 0 -32px;
168 }
169
170 .jcarousel-skin-tango .jcarousel-prev-vertical:active {
171 background-position: 0 -64px;
172 }
173
174 .jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
175 .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
176 .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
177 .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
178 cursor: default;
179 background-position: 0 -96px;
180 }
181